import Taro, {Component} from "@tarojs/taro";
import {View, Button, Image, Block, Input, Form, Picker, Text} from "@tarojs/components";

import PickerArea from "../../components/PickerArea";

import './receive.less'


import icon_86 from "../../assets/img/common/icon_86.png";
import {getRuntime, servicePhoneNumber} from "../../utils/common";
import {AtIcon} from "taro-ui";
import icon_08 from "../../assets/img/icon_08.png";



class AuthOne extends Component {
  constructor() {
    super()
  }

  state = {
    fileList: []
  }

  componentWillMount() {
    Taro.setNavigationBarTitle({title: '认证成功'})
  }

  link(url: string = '/pages/index/index'): void {
    getRuntime().navigateTo(url)
  }

  uploadFile() {}

  onChange() {}

  onPicketArea(res) {
    console.log(res)
  }

  submit() {}

  render() {
    return (
      <View className='auth receive-success'>
        <View className='pay-success'>
          <View className='pay__header'>
            <Image src={icon_08} className='pay-icon' />
            <View className='pay__title'>收款成功</View>
            <View className='pay__desc color-theme'>预计10分钟内到账，请注意查收！</View>
          </View>
          <View className='interval' />

          <View className='line-wrap'>
            <View className='line'>
              <View className='line__title'>收款金额</View>
              <View className='line__cont'>
                <Text className='yuan color-theme font-weight'>666.66</Text>
              </View>
            </View>
            <View className='line'>
              <View className='line__title'>手续费</View>
              <View className='line__cont'>
                <Text className='yuan font-weight'>666.66</Text>
              </View>
            </View>
          </View>


          <View className='btn-two-wrap'>
            <View className='btn btn-active'>查看明细</View>
            <View className='btn'>返回首页</View>
          </View>

        </View>
      </View>
    )
  }
}

export default AuthOne
